<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>景点以及门票明细</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css">
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/travelContent.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script>
        $(function () {
            //页面数据渲染
            var params = getParams();
            var id = params.id;
            if (id) {
                $.get('/landmarkContentDetail/' + id+'/detail', function (data) {
                    //console.log(data);
                    $('.travels').renderValues(data);
                    sessionStorage.setItem("lmDetail",JSON.stringify(data))
                });
                $.get('/landmarkContentDetail/' + id+'/content', function (data) {
                    //console.log(data);
                    $('.content').renderValues(data);
                    sessionStorage.setItem("lmContent",JSON.stringify(data))
                });
            }
        });


        $(function () {
            $(".payChild").click(function () {
                window.location.href="/mine/payindex.html?id=1";
            })
            $(".payAdult").click(function () {
                window.location.href="/mine/payindex.html?id=2";
            })
        });
    </script>
</head>
<body>
<div class="search-head">
    <div class="row nav-search">
        <div class="col">
            <a href="javascript:history.go(-1);">
                <span><i class="fa fa-chevron-left"></i></span>
            </a>
        </div>
        <div class="col">
        </div>
    </div>
</div>

<div class="travels">
    <img class="cover" render-src="coverURL">
    <div class="container">
        <h6 class="title" render-html="title"></h6>
    </div>

    <div class="container">
        <fieldset>
            <legend>景点及票价信息</legend>
            <div class="d-flex">
                <div class="p-2  flex-fill">
                    <i class="fa fa-calendar"></i> 景点评分 <span render-html="grade"></span>
                </div>
                <div class="p-2  flex-fill"><i class="fa fa-money"></i> 景点位置
                    <span render-html="location"></span></div>
            </div>
            <div class="d-flex">
                <div class="p-2  flex-fill">
                    <i class="fa fa-user-circle"></i> 儿童票价
                    <span render-html="childPrice"></span>
                </div>
                <div class="p-2  flex-fill">
                    <i class="fa fa-user-circle"></i> 成人票价
                    <span render-html="adultPrice"></span>
                </div>
            </div>
        </fieldset>
        <fieldset>
            <h5>门票订购</h5>
            <div class="d-flex">
                <div class="p-2  flex-fill">
                    <a>
                        <button type="button" class="btn btn-success payChild"> 儿童票 </button>
                        <h4><span render-html="childPrice"></span></h4>
                    </a>
                </div>
                <div class="p-2  flex-fill">
                    <a>
                        <button type="button" class="btn btn-success payAdult"> 成人票 </button>
                        <h4><span render-html="adultPrice"></span></h4>
                    </a>
                </div>
            </div>
        </fieldset>
    </div>
    <div class="content" render-html="content">
    </div>
</div>

    <hr>

    <div class="container d-flex">
        <div class="p-2  flex-fill star">
            <i class="fa fa-thumbs-o-up"  id="likeBtn"> </i>
        </div>
        <div class="p-2  flex-fill"><i class="fa  fa-commenting-o" id="commentBtn"> </i>
        </div>
        <div class="p-2  flex-fill"><i class="fa fa-star-o" id="collectBtn"> </i>
        </div>
    </div>
</div>


</body>

</html>